<template>
	<!-- 页面全局配置 -->
	<view class="pageconfig">
		<!--vuetop-->
		<view class="notice1   ">
			<u-notice-bar :autoplay="true" :speed="160" mode="horizontal" :show="true" type="warning" :list="label1List"
				:duration="2000" :isCircular="true"></u-notice-bar>
		</view>
		<view class="flex2  bg-white  response  flex  justify-start  "
			style="align-content: center;align-items: center;">
			<image style="width:24rpx;height:34rpx;min-height:unset;" mode="" class="picture3 " :src="picsrc3"></image>
			<view class="flex4  bg-white  response  flex  justify-start  ">
				<view class="input5    cu-form-group " style="min-height:86rpx;">
					<input type="text" style="color:#777;" class="text-left  " placeholder="请输入TA的手机号" name="nickname1"
						v-model="nickname1" />
				</view>
			</view>
		</view>
		<view class="flex6  bg-white  response  flex  justify-start  " style="flex-direction: column;">
			<view class="textarea7 ">
				<view class="cu-form-group ">
					<textarea v-model="onetext7" rows="4" maxlength="-1" style=" color:#777;"
						placeholder="点击输入短信内容（情感、表白、早晚安、道歉、祝福..."></textarea>
				</view>
			</view>
			<view class="flex8  bg-white  response  flex  justify-between  "
				style="flex-direction: row;align-content: center;align-items: center;">
				<view class="flex9  bg-white   flex  justify-start  "
					style="flex-direction: column-reverse;align-content: flex-end;align-items: stretch;height:280rpx;min-height:unset;">
					<text class="text-sm "> 0/900字 1 条,共 0 条 0.00元</text>
				</view>
				<view class="flex11  bg-white   flex  justify-start  "
					style="align-content: center;align-items: center;">
					<image style="width:320rpx;height:280rpx;min-height:unset;" mode="" class="picture12 "
						:src="picsrc12"></image>
				</view>
			</view>
		</view>
		<view class="flex13   response  flex  justify-start  ">
			<view class="flex14  bg-white   flex  justify-center  " @click="to_article"
				style="align-items: center;height:102rpx;min-height:unset;">
				<text class="text15 "> 热门文章</text>
			</view>
			<view class="flex16  bg-white   flex  justify-center  "
				style="align-items: center;height:102rpx;min-height:unset;">
				<text class="text17 "> 选择预约时间</text>
			</view>
		</view>
		<view class="flex18  bg-white  response  flex  justify-start  " style="flex-direction: column;">
			<view class="flex19   response  flex  justify-start  ">
				<text class="text20 text-df "> 温馨提示：</text>
			</view>
			<view class="flex21   response  flex  justify-start  " style="flex-direction: column;">
				<text class="text22 "> 1.短信发送价格:60字/条/1.5元</text>
				<text class="text23 "> 2.选择了指定时间，我们将在置顶时间给你答复，如不预约时间以付款完成时间发送</text>
			</view>
		</view>
		<view class="flex24  bg-white  response  flex  justify-start  "
			style="flex-direction: row;align-content: center;align-items: center;">
			<view class="flex25   response  flex  justify-center  " style="align-content: center;align-items: center;">
				<text class="text-white "> 发送</text>
			</view>
		</view>

		<!--vuebottom-->
	</view>
</template>

<script>
	import Vue from 'vue'
	import {
		store,
		mutations
	} from '@/uni_modules/uni-id-pages/common/store.js'
	export default {
		data() {
			return {
				onetext7: '',
				nickname1: '',
				picsrc3: "/static/fabu/phone.png",
				picsrc12: "/static/fabu/bg.png",


				label1List: ["处理，短信大概1-10分钟的延迟，22点-8点延迟较大，"],
				/**vuejs**/


			};
		},
		computed: {
			userInfo() {
				return store.userInfo
			},
			hasLogin() {
				return store.hasLogin
			},
			appConfig() {
				return getApp().globalData.config
			}
		},
		onShow() {
			if (!this.hasLogin) {
				uni.navigateTo({
					url: './login'
				})
			}

		},
		methods: {
			to_article() {
				uni.navigateTo({
					url: "./article"
				})
			}
			// onetext7() {},
			/**
			 *          $vuetag = "";
			 *          $vuecss = "";
			 *          $vuejs = "";
			 *
			 */

			//获取数据

		}
	}
</script>

<style lang="less">
	/**
 *
 此处必须引用colorui样式,并放入根目录，css样式可以这样写
	@import "colorui/main.css";
	@import "colorui/icon.css";

 如需要引用colorui到全局，
 需要在App.vue 引入
 	@import "colorui/main.css";
	@import "colorui/icon.css";
 *
 */




	/**本页全局配置的代码**/
	.pageconfig {
		width: 100%;
		overflow: hidden;
		overflow-y: scroll;
		background-color: rgba(247, 252, 253, 1);
		height: 100vh;
	}



	/**pagedomcss**/


	.notice1 {
		width: 100%;
		background-color: rgba(255, 249, 234, 1);
	}

	.flex2 {
		width: 100%;
		width: calc(100% - 60rpx);
		margin-top: 10rpx;
		margin-bottom: 10rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
	}

	.picture3 {
		width: 24rpx;
		overflow: hidden;
		height: 34rpx;
		margin-left: 20rpx;
	}

	.flex4 {
		width: 100%;
	}

	.input5 {
		width: 88%;
		background-color: #ffffff;
	}

	.flex6 {
		width: 100%;
		width: calc(100% - 60rpx);
		margin-left: 30rpx;
		margin-right: 30rpx;
	}

	.textarea7 {
		width: 100%;
	}

	.flex8 {
		width: 100%;
		width: calc(100% - 60rpx);
		margin-top: 40rpx;
		margin-bottom: 40rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
	}

	.flex9 {
		width: 68%;
		height: 280rpx;
	}

	.flex11 {
		width: 50%;
	}

	.picture12 {
		width: 320rpx;
		overflow: hidden;
		height: 280rpx;
	}

	.flex13 {
		width: 100%;
		width: calc(100% - 60rpx);
		margin-top: 10rpx;
		margin-bottom: 10rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
	}

	.flex14 {
		width: 50%;
		width: calc(50% - 60rpx);
		height: 102rpx;
		margin-top: 0rpx;
		margin-bottom: 0rpx;
		margin-left: 0rpx;
		margin-right: 30rpx;
	}

	.text15 {
		font-weight: 800;
	}

	.flex16 {
		width: 51%;
		height: 102rpx;
		margin-top: 0rpx;
		margin-bottom: 0rpx;
		margin-left: 30rpx;
		margin-right: 0rpx;
	}

	.text17 {
		font-weight: 800;
	}

	.flex18 {
		width: 100%;
		width: calc(100% - 60rpx);
		margin-left: 30rpx;
		margin-right: 30rpx;
	}

	.flex19 {
		width: 100%;
	}

	.text20 {
		font-weight: 800;
	}

	.flex21 {
		width: 100%;
		width: calc(100% - 60rpx);
		margin-top: 30rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
	}

	.text22 {
		color: rgba(153, 153, 153, 1);
	}

	.text23 {
		color: rgba(153, 153, 153, 1);
	}

	.flex24 {
		width: 100%;
		margin-top: 60rpx;
	}

	.flex25 {
		width: 100%;
		width: calc(100% - 60rpx);
		background-color: rgba(255, 112, 162, 1);
		margin-top: 4rpx;
		margin-bottom: 10rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
		padding-top: 10rpx;
		padding-bottom: 10rpx;
		padding-left: 0rpx;
		padding-right: 0rpx;
		border-top-left-radius: 20rpx;
		border-top-right-radius: 20rpx;
		border-bottom-right-radius: 20rpx;
		border-bottom-left-radius: 20rpx;
	}
</style>